<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/common/taglibs.jsp"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title>订单详情</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="${ctx}/static/front/order_css/iconfont/iconfont.css" rel="stylesheet"/>
    <link href="${ctx}/static/front/order_css/common.css" rel="stylesheet"/>
    <link href="${ctx}/static/front/order_css/uc.css" rel="stylesheet"/>
    <link rel="stylesheet" href="${ctx}/static/front/CSS/index_style.css" />
</head>
<body>
    <!--头部-->
    <div class="topper">
        <div class="wrapper">
            <div class="top_center">
			<div class="left">
				<span class="wel"> 欢迎来到靓淘！ </span>
			</div>
			<div class="right">
				<ul>
					<c:if test="${USER != null}">
						<li><a class="login" href="" target="_blank">Hi, 用户${USER.username}</a></li>
						<li><a class="login" onclick="remove()" target="_blank">注销</a></li>
					</c:if>
					<c:if test="${USER == null}">
						<li><a class="login" href="${ctx}/user/getLoginPage.shtml" target="_blank">请登录</a></li>
					</c:if>
					<li><a href="register.html" target="_blank">快速注册</a></li>
					<li><a class="collect" href="">我的收藏</a></li>
					<li><a class="indent" href="">我的订单</a></li>
					<li><a class="phone" href="">手机靓淘</a></li>
					<li><a href="">我的积分</a></li>
					<li><a href="">我的评价</a></li>
				</ul>
			</div>
			<div class="clearfix"></div>
		</div>
           
        </div>
    </div>
    <div class="uc-header-bg">
        <div class="uc-header wrapper">
            <a class="logo" href="index.html"><img src="img/logo2.png" alt="" /></a>
            <div class="back-home"><a href="">返回商城首页</a></div>
            <ul class="uc-nav">
                <li><a href="">首页</a></li>
                <li class="toggle">
                    <span class="label">账户设置<i class="iconfont"></i></span>
                    <div class="toggle-cont">
                        <a href="">个人信息</a>
                        <a href="">安全设置</a>
                        <a href="">收货地址</a>
                    </div>
                </li>
                <li><a href="">消息中心</a></li>
            </ul>
            <div class="schbox">
                <form action="">
                    <input class="search-txt" type="text" />
                    <button class="search-btn">搜索</button>
                    <div class="suggest-box">
                        <div class="item" data-title="上衣 短款 短袖">上衣 短款 短袖<div class="tags"><span>雪纺</span><span>蕾丝</span><span>一字领</span></div></div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="wrapper uc-router">
        <ul>
            <li><a href="">首页</a></li>
            <li><span class="divider"></span></li>
            <li><span>个人中心</span></li>
        </ul>
    </div>

    <div class="wrapper">
       <div class="uc-main clearfix">
            <!-- <div class="uc-aside">
                <div class="uc-menu">
                    <div class="tit">订单中心</div>
                    <ul class="sublist">
                        <li><a class="active" href="">我的订单</a></li>
                        <li><a href="">我的收藏</a></li>
                        <li><a href="">浏览历史</a></li>
                    </ul>
                    <div class="tit">客户服务</div>
                    <ul class="sublist">
                        <li><a href="">取消订单记录</a></li>
                        <li><a href="">退款/退货</a></li>
                    </ul>
                    <div class="tit">账户中心</div>
                    <ul class="sublist">
                        <li><a href="">账户信息</a></li>
                        <li><a href="">账户安全</a></li>
                        <li><a href="">消费记录</a></li>
                        <li><a href="">收货地址</a></li>
                    </ul>
                    <div class="tit">消息中心</div>
                    <ul class="sublist">
                        <li><a href="">商品评价</a></li>
                        <li><a href="">站内消息</a></li>
                    </ul>
                </div>
            </div> -->
            <div class="uc-content">
                <div class="uc-panel">
                    <div class="uc-bigtit">订单详情<a class="extra" href="">请谨防钓鱼链接或诈骗后台，了解更多></a></div>
                    <div class="uc-panel-bd">
                        <div class="order-detail">
                        <!--数据库中查询  -->
                        <c:forEach items="${orderItemList}" var="orderList">
                            <div class="od-hd">
                                <div class="fl">
                                    <span class="tit">订单号：</span><span>${orderList.orderNo}</span>
                                </div>
                            </div>
                            	<div class="od-pdt">
	                                <div class="item">
	                                    <img src="uploads/11.jpg" class="figure" />
	                                    <div class="pname">${orderList.productName}</div>
	                                    <div class="price">
	                                    	<span>${orderList.currentUnitPrice} 元</span>
	                                    	<span>* ${orderList.quantity}</span>
	                                    </div>
	                                </div>
	                            </div>
                            </c:forEach>
                            
                            
                            <!--以下是收货信息  -->
                            <div class="od-info">
                                <div class="item">
                                    <div class="tit">
                                        收货信息<a href="" class="ui-btn-low ui-btn-hollow uc-btn-md fr">修改</a>
                                    </div>
                                    <div class="meta">
                                        <div>姓&emsp;&emsp;名：${shippingList.receiverName}</div>
                                        <div>联系电话：<span>${shippingList.receiverMobile}</span></div>
                                        <div>收货地址：
                                        	<span>${shippingList.receiverProvince}&emsp;</span>
                                        	<span>${shippingList.receiverCity}&emsp;</span>
                                        	<span>${shippingList.receiverDistrict}&emsp;&emsp;</span>
                                        	<span>${shippingList.receiverAddress}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="tit">
                                        支付方式及送货时间<a href="" class="ui-btn-low ui-btn-hollow uc-btn-md fr">修改</a>
                                    </div>
                                    <div class="meta">
                                        <div>支付方式：</div>
                                        <div>送货时间：</div>
                                        <div>送达时间：</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="tit">
                                        发票信息
                                    </div>
                                    <div class="meta">
                                        <div>发票类型：</div>
                                        <div>发票内容：</div>
                                        <div>发票抬头：</div>
                                    </div>
                                </div>
                            </div>
                            <div class="od-count">
                                <div class="inner">
                                    <div class="item">
                                        <div class="tit">商品总价：</div>
                                        <div class="val">0元</div>
                                    </div>
                                    <div class="item">
                                        <div class="tit">运&emsp;&emsp;费：</div>
                                        <div class="val">0元</div>
                                    </div>
                                    <div class="item">
                                        <div class="tit">订单详情：</div>
                                        <div class="val">0元</div>
                                    </div>
                                    <div class="item last">
                                        <div class="tit">实付金额：</div>
                                        <div class="val"><span class="strong">0</span>元</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--脚部-->
    <div class="fatfooter">

    </div>
    <!--脚部-->
</body>
<script src="${ctx}/static/front/JS/jquery.js"></script>
<link rel="stylesheet" href="${ctx}/static/front/JS/icheck/style.css"/>
<script src="${ctx}/static/front/JS/icheck/icheck.min.js"></script>
<script src="${ctx}/static/front/JS/global.js"></script>
<script>

</script>
</html>